<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="maze.css">
    <title>Maze</title>
</head>
<body>
    <div id="maze">
        <!-- <div id="fst" class="wall"></div>
        <div id="sec">
            <div class="wall"></div>
            <div class="path"></div>
            <div class="wall"></div>
        </div>
        <div id="trd">
            <div class="wall"></div>
            <div class="path"></div>
            <div id="trdCntr" class="wall"></div>
            <div class="path"></div>
            <div class="wall"></div>
        </div>
        <div id="forth">
            <div class="path">
                <div id="start"></div>
            </div>
        </div> -->
        <div id="up">
            <p id="head">The Amazing Mouse Maze!</p>
            <p id="warning">Move your mouse over the "S" to begin</p>
                <!-- <p></p>
                <p>Don't cheat, you should start form the 'S' and move to the 'E' inside the maze!</p> -->
        </div>
        <div id="map">
            <img src="./mazewithoutwall.png" alt="我直接拿图片了" id="tar">
        </div>
        <div id="tips">
                <p>The object of this game os tp giode the ,pise cursor through the start area and get to the end area. Be sure to avoid the walls:</p>
                <div id="wall"></div>
                <p>Good luck!</p>
        </div>
    </div>
    <script src="./maze.js"></script>
</body>
</html>